<template>
  <div class="category">
    <h3>{{title}}分类</h3>
    <slot :games="games">我是默认的一些内容</slot>
  </div>
</template>

<script>
  export default {
      name: "Category",
      props:['title'],
      data() {
        return {
          games:['红色警戒', '穿越火线', '森林冰火人', '吃鸡'],
        }
      }
    }

</script>

<style scoped>
  .category{
    background-color:limegreen;
    width:200px;
    height:300px;
  }
  h3{
    text-align: center;
    background-color:orange;
  }

</style>